<style>
    body {
        background-color: #f9f9f9;
        overflow-y: hidden;
    }
</style>
<div>
    <ul class="nav nav-tabs" role="tablist">
        {% for power in data %}
            <li role="presentation"{% if loop.first %} class="active"{% endif %}><a href="#{{ power['id'] }}" aria-controls="profile" role="tab" data-toggle="tab">{{ power['name'] }}</a></li>
        {% endfor %}
    </ul>
    <div class="tab-content">
        {% for power in data %}
            <div role="tabpanel" class="tab-pane{% if loop.first %} active{% endif %}" id="{{ power['id'] }}" style="height: 460px">
                <iframe src="{{ power['url'] }}" frameborder="0" style="width: 100%;height: 460px;"></iframe>
            </div>
        {% endfor %}
    </div>
</div>